<template>
	<view>
		<appBar title="账号设置">
		</appBar>
		<uv-gap height="20"></uv-gap>
		<view v-for="(item,index) in pageList" :key="index" class="defultBackground borderbottom pv20"
			@click="onclick(item)">
			<ListTitle :title="item.title" :rightText="item.subtitle"></ListTitle>
		</view>
	</view>
</template>

<script>
	import ListTitle from '@/components/ListTitle/ListTitle.vue';
	export default {
		components: {
			ListTitle
		},
		data() {
			return {
				pageList: [{
					title: '修改账号',
					subtitle: '',
				}, {
					title: '删除账号',
					subtitle: '',
				}, {
					title: '注销账号',
					subtitle: '',
				}],
			}
		},
		onLoad() {

		},
		computed: {

		},
		methods: {
			onclick(item) {
				uni.showModal({
					title: '温馨提示',
					content: item.title + '请联系客服',
					confirmText: '去联系',
					confirmColor: '#fb5f46',
					success: (res) => {
						if (res.confirm) {
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>

</style>